.ui-layout-pane { /* all 'panes' */ 
	padding: 10px; 
	background: #FFF; 
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	}
	.ui-layout-pane-north ,
	.ui-layout-pane-south {
		border: 1px solid #BBB;
	} 
	.ui-layout-pane-west {
		border-left: 1px solid #BBB;
	} 
	.ui-layout-pane-east {
		border-right: 1px solid #BBB;
	} 
	.ui-layout-pane-center {
		border-left: 0;
		border-right: 0;
		} 
		.inner-center {
			border: 1px solid #BBB;
		} 

.ui-layout-resizer { /* all 'resizer-bars' */ 
	background: #DDD; 
	}
	.ui-layout-resizer:hover { /* all 'resizer-bars' */ 
		background: #FED; 
	}
	.ui-layout-resizer-west {
		border-left: 1px solid #BBB;
	}
	.ui-layout-resizer-east {
		border-right: 1px solid #BBB;
	}

.ui-layout-toggler { /* all 'toggler-buttons' */ 
	background: #AAA; 
	} 
	.ui-layout-toggler:hover { /* all 'toggler-buttons' */ 
		background: #FC3; 
	} 

.outer-center ,
.middle-center {
	/* center pane that are 'containers' for a nested layout */ 
	padding: 0; 
	border: 0; 
}

/**
 *	Basic Layout Theme
 *
 *	This theme uses the default layout class-names for all classes
 *	Add any 'custom class-names', from options: paneClass, resizerClass, togglerClass
 */

.ui-layout-pane { /* all 'panes' */
    background: #FFF;
    border: 1px solid #BBB;
    padding: 10px;
    overflow: auto;
}

.ui-layout-resizer { /* all 'resizer-bars' */
    background: #DDD;
}

.ui-layout-toggler { /* all 'toggler-buttons' */
    background: #AAA;
}